<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" class="__meteor-css__" href="css/css.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/jquery.min.js" ></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="js/modifyPwd.js"></script>
    <script src="js/statelist.js"></script>
    <script src="js/user.js"></script>
    <title>用户信息管理</title>
    <script>
    </script>
</head>
<body class=" pace-done pace-done">
    <div class="pace  pace-inactive pace-inactive">
        <div class="pace-progress" data-progress-text="100%" data-progress="99" style="width: 100%;">
            <div class="pace-progress-inner"></div>
        </div>
        <div class="pace-activity"></div>
    </div>
    <div id="logoutConfirm_background" class="popup_background" style="opacity: 0; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2000; transition: all 0.3s; background-color: black;"></div>
    <div id="logoutConfirm_wrapper" class="popup_wrapper" style="opacity: 0; visibility: hidden; position: fixed; overflow: auto; z-index: 2001; transition: all 0.3s; top: 0px; right: 0px; left: 0px; bottom: 0px; text-align: center; display: none;">
        <div class="custom-popup width-100 popup_content" id="logoutConfirm" data-popup-initialized="true" aria-hidden="true" role="dialog" aria-labelledby="open_63040973" style="opacity: 0; visibility: hidden; display: inline-block; outline: none; transition: all 0.3s; text-align: left; position: relative; vertical-align: middle;">
            <div class="padding-md">
                <span class="font-16">确定要退出登录？</span>

                <div class="text-center m-top-md">
                    <a class="btn btn-sm btn-danger logoutConfirm_close"><i class="fa fa-reply"></i> 取消</a>
                    <a class="btn btn-sm btn-success m-right-sm" id="logout" href="http://admintest.yuanbaopu.com/logout">
                        <i class="fa fa-check"></i>
                        确定
                    </a>
                </div>
            </div>
        </div>
        <div class="popup_align" style="display: inline-block; vertical-align: middle; height: 100%;"></div>
    </div>

    <div id="cboxOverlay" style="display: none;"></div>
    <div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
        <div id="cboxWrapper">
            <div>
                <div id="cboxTopLeft" style="float: left;"></div>
                <div id="cboxTopCenter" style="float: left;"></div>
                <div id="cboxTopRight" style="float: left;"></div>
            </div>
            <div style="clear: left;">
                <div id="cboxMiddleLeft" style="float: left;"></div>
                <div id="cboxContent" style="float: left;">
                    <div id="cboxTitle" style="float: left;"></div>
                    <div id="cboxCurrent" style="float: left;"></div>
                    <button type="button" id="cboxPrevious"></button>
                    <button type="button" id="cboxNext"></button>
                    <button id="cboxSlideshow"></button>
                    <div id="cboxLoadingOverlay" style="float: left;"></div>
                    <div id="cboxLoadingGraphic" style="float: left;"></div>
                </div>
                <div id="cboxMiddleRight" style="float: left;"></div>
            </div>
            <div style="clear: left;">
                <div id="cboxBottomLeft" style="float: left;"></div>
                <div id="cboxBottomCenter" style="float: left;"></div>
                <div id="cboxBottomRight" style="float: left;"></div>
            </div>
        </div>
        <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
    </div>

    <!-- Overlay Div -->
    <div id="overlay" class="transparent" style="display: none;"></div>

    <div id="wrapper" class="">
        <!--top-->
        <div id="top-nav" class="fixed skin-6">
            <span class="brand">
                <!--<img src="img/logo.png">-->
                <strong>电影推荐系统</strong>
            </span><!-- /brand -->
            <button type="button" class="navbar-toggle pull-left" id="sidebarToggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <button type="button" class="navbar-toggle pull-left hide-menu" id="menuToggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <ul class="nav-notification clearfix">
                <li>
                    <span class="brand">
                        <strong>欢迎光临系统后台</strong>
                    </span>
                </li>
                <li class="profile dropdown">
                    <a class="dropdown-toggle" id="profileDropdown" data-toggle="dropdown" href="#">
                        <strong>admin</strong>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="profileDropdown">
                        <li>
                            <a data-toggle="modal" href="#modifyPwd" id="updatePwdBtn">修改密码</a>
                        </li>
                        <li>
                            <a tabindex="-1" class="main-link logoutConfirm_open" href="index.html" data-popup-ordinal="0" id="open_63040973">
                                退出登录
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

        <!--修改密码-->
        <div class="modal fade" id="modifyPwd" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4><strong>修改密码</strong></h4>
                    </div>
                    <div class="modal-body">
                        <div class="panel-overview clearfix">
                            <form class="no-margin" id="modifyPwdForm">
                                <input style="display:none" type="password" name="fakeRember">
                                <input style="display:none" type="text" name="account" id="account" value="admin">
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <span class="control-label">输入原密码
                                                    <i class="red">*</i>
                                                </span>
                                                <input type="password" name="password" id="password" autocomplete="off" class="form-control input-sm" required="">
                                                <span class="help-block with-errors"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <span class="control-label">输入新密码
                                                    <i class="red">*</i>
                                                </span>
                                                <input type="password" name="newPassword" id="newPassword" autocomplete="off" class="form-control input-sm" required="">
                                                <span class="help-block with-errors"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <span class="control-label">重新输入新密码
                                                    <i class="red">*</i>
                                                </span>
                                                <input type="password" name="reNewPassword" id="reNewPassword" autocomplete="off" class="form-control input-sm" required="">
                                                <span class="help-block with-errors"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-sm btn-danger" data-dismiss="modal" aria-hidden="true">
                            取消
                        </button>
                        <button class="btn btn-sm btn-success" id="confirmBtn">确定</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->

        <!-- /top-nav-->
        <div class="wrapper menu-list">
            <aside class="fixed skin-6">
                <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100%;">
                    <div class="sidebar-inner scrollable-sidebar" style="overflow: hidden; width: auto; height: 100%;">
                        <div class="user-block clearfix">
                            <div class="detail">
                                <strong>admin</strong>
                            </div>
                        </div>
                        <!-- /user-block -->
                        <div class="main-menu">
                            <ul>
                                <li class="showCurrent" id="userManager" style="background:#394754">
                                    <a href="userManage.html">
                                        <span class="menu-icon"></span>
                                        <span class="text" onclick="clickMe();">用户信息管理</span>
                                        <span class="menu-hover"></span>
                                    </a>
                                </li>

                                <li class="showCurrent" id="movieManager">
                                    <a href="movieManage.html">
                                        <span class="menu-icon"></span>
                                        <span class="text">电影信息管理</span>
                                        <span class="menu-hover"></span>
                                    </a>
                                </li>

                                <li class="showCurrent" id="commentManager">
                                    <a href="commentManage.html" >
                                        <span class="menu-icon"></span>
                                        <span class="text">电影评论管理</span>
                                        <span class="menu-hover"></span>
                                    </a>
                                </li>

                                <li class="showCurrent" id="recommendManager">
                                    <a href="recommendManage.html" >
                                        <span class="menu-icon"></span>
                                        <span class="text">电影推荐管理</span>
                                        <span class="menu-hover"></span>
                                    </a>
                                </li>
              
                                <!--<li class="openable" id="preLoanMenu">-->
                                    <!--<a href="#" >-->
                                        <!--<span class="menu-icon"></span>-->
                                        <!--<span class="text">贷前审批</span>-->
                                        <!--<span class="menu-hover"></span>-->
                                    <!--</a>-->
                                    <!--<ul class="submenu" style="">-->
                                        <!--<li class="showCurrent">-->
                                            <!--<a href="main/aa/acceptance.html">-->
                                                <!--<span class="submenu-label">受理</span>-->
                                            <!--</a>-->
                                        <!--</li>-->
                                        <!--<li class="showCurrent">-->
                                            <!--<a href="main/aa/firstTrial.html">-->
                                                <!--<span class="submenu-label">初审</span>-->
                                            <!--</a>-->
                                        <!--</li>-->
                                    <!--</ul>-->
                                <!--</li>-->
                            </ul>
                        </div>
                        <!-- /main-menu -->
                    </div>
                    <div class="slimScrollBar" style="width: 0px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 870.768px; background: rgb(0, 0, 0);"></div>
                    <div class="slimScrollRail" style="width: 0px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div>
                </div>
                <!-- /sidebar-inner -->
            </aside>
        </div>
        <div id="main-container">
            <!--{{#if isCanSeeUrl routerName}}-->
            <div class="main-nav">
                <div id="breadcrumb">
                    <ul class="breadcrumb">
                        <li class="active">用户信息管理</li>
                    </ul>
                </div>
                <!-- /breadcrumb-->
            </div>
  
            <div class="padding-xs customer-list">
                <div class="paddingLR-md m-top-md">
                    <div class="row">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="row" id="formData">
                                    <form id="searchItem" class="no-margin">
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label class="control-label">用户姓名</label>
                                                <input maxlength="32" type="text" class="form-control input-sm" name="name" id="name">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label class="control-label">性别</label>
                                                <select class="form-control input-sm" name="gender" id="gender">
                                                    <option value="">全部</option>
                                                    <option value="1">男</option>
                                                    <option value="2">女</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label class="control-label">年龄</label>
                                                <input maxlength="10" type="text" class="form-control input-sm" name="age" id="age">
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label class="control-label">职业</label>
                                                <select class="form-control input-sm" name="occupation" id="occupation">
                                                    <option value="">全部</option>
                                                    <option value="artist">artist</option>
                                                    <option value="educator">educator</option>
                                                    <option value="engineer">engineer</option>
                                                    <option value="lawyer">lawyer</option>
                                                    <option value="student">student</option>
                                                    <option value="writer">writer</option>
                                                    <option value="other">other</option>
                                                </select>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="col-md-2">
                                        <div class="form-group paddingTB-md m-top-xs">
                                            <button type="button" class="btn btn-success btn-sm" id="searchBtn"> 检索</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- /panel-body -->
                        </div>
                        <!-- /panel -->
                    </div>
                    <!-- /.row -->
                </div>
                <div class="padding-xs">
                    <div class="panel">
                        <div class="panel-body margin-sm">
                            <table class="table text-center table-bordered table-style table-hover table-striped" style="table-layout:fixed; word-wrap:break-word;">
                                <thead>
                                <tr>
                                    <td class="col-md-1">姓名</td>
                                    <td class="col-md-1">性别</td>
                                    <td class="col-md-1">年龄</td>
                                    <td class="col-md-1">职业</td>
                                    <td class="col-md-1">操作</td>
                                </tr>
                                </thead>
                                <tbody id="userList">
                                </tbody>
                            </table>
                    
                            <!--<div class="fg-toolbar ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix">-->
                                <!--<div class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers" data-role="pagination">-->
                                    <!--<a tabindex="0" class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default" data-role="first" data-page="1">首页</a>-->
                                    <!--<a tabindex="0" class="previous fg-button ui-button ui-state-default ui-state-disabled" data-role="previous" data-page="0">上页</a>-->
                                    <!--<span>-->
                                        <!--<span tabindex="0" class="fg-button ui-button">1/1</span>-->
                                    <!--</span>-->
                                    <!--<a tabindex="0" class="next fg-button ui-button ui-state-default ui-state-disabled" data-role="next" data-page="0">下页</a>-->
                                    <!--<a tabindex="0" class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default" data-role="last" data-page="1">尾页</a>-->
                                <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" data-backdrop="static" id="modifyUser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h4><strong>修改用户信息</strong></h4>
                        </div>
                        <div class="modal-body">
                            <div class="form-horizontal">
                                <form class="no-margin" id="modifyUserForm">
                                    <div class="form-group">
                                        <span class="col-md-3 control-label">姓名<i class="red">*</i></span>
                                        <div class="col-md-7">
                                            <input type="text" class="form-control input" name="name" id="modifyName" required="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3 control-label">性别<i class="red">*</i></span>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="gender" id="modifyGender">
                                                <option value="1">男</option>
                                                <option value="2">女</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <span class="col-md-3 control-label">年龄<i class="red">*</i></span>
                                        <div class="col-md-7">
                                            <input type="text" class="form-control input" name="age" id="modifyAge" required="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <span class="col-md-3 control-label">职业<i class="red">*</i></span>
                                        <div class="col-md-7">
                                            <select class="form-control input-sm" name="occupation" id="modifyOccupation">
                                                <option value="artist">artist</option>
                                                <option value="educator">educator</option>
                                                <option value="engineer">engineer</option>
                                                <option value="lawyer">lawyer</option>
                                                <option value="student">student</option>
                                                <option value="writer">writer</option>
                                                <option value="other">other</option>
                                            </select>
                                        </div>
                                    </div>
                                    <input type="text" id="modifyCustomerId" name="customerId" style="display: none">
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-sm btn-danger" data-dismiss="modal" aria-hidden="true">
                                取消
                            </button>
                            <button class="btn btn-sm btn-success" id="confirmModifyUser">提交</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
        </div>
    </div>
</body>
</html>